html {font-size: 14px;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
input,textarea,button,form {font-size: 14px;  font-family: "Microsoft YaHei", Verdana, sans-serif;  /* -webkit-appearance:none */}
div,h1,h2,h3,h4,h5,h6,p,ul,li,ol,form,label,input,textarea,button,img,span,dl,dt,dd,th,pre {margin: 0;  padding: 0;  outline: 0;  -webkit-tap-highlight-color: rgba(0, 0, 0, 0)}
body {margin: 0;  line-height: 1.42857143;  color: #000;  background-color: #f5f5f8;  font: 12px/1.5 'Microsoft Yahei', 'Simsun';}
ul,li {list-style: none;  margin: 0;  padding: 0;}
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after {content: " ";  display: table;}
.clearfix:after,.container:after,.container-fluid:after,.row:after {clear: both;}
a:active,a:hover {outline: 0;}
a {color: #333;  text-decoration: none;}
a:hover {color: #e94c3d;  text-decoration: none;}
img {border: 0;}
* {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
img {vertical-align: middle;}
p {margin: 0 0 10px;}
.container {margin-right: auto;  margin-left: auto;  padding-left: 5px;  padding-right: 5px;}
.header-tel {display: none;}
@media (min-width: 768px) {.container {  width: 740px;  }}
@media (min-width: 992px) {.container {  width: 960px;  }}
@media (min-width: 1200px) {.container {  width: 1250px;  }}
.row {/* margin-left: -5px;  margin-right: -5px; */}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {position: relative;  min-height: 1px;  padding-left: 5px;  padding-right: 5px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float: left;}
.col-xs-12 {width: 100%;}
.col-xs-11 {width: 91.66666667%;}
.col-xs-10 {width: 83.33333333%;}
.col-xs-9 {width: 75%;}
.col-xs-8 {width: 66.66666667%;}
.col-xs-7 {width: 58.33333333%;}
.col-xs-6 {width: 50%;}
.col-xs-5 {width: 41.66666667%;}
.col-xs-4 {width: 33.33333333%;}
.col-xs-3 {width: 25%;}
.col-xs-2 {width: 16.66666667%;}
.col-xs-1 {width: 8.33333333%;}

@media (min-width: 992px) {
  .col-md-1, .col-md-3,  .col-md-4,  .col-md-5,  .col-md-6,  .col-md-7,  .col-md-8,  .col-md-9,  .col-md-10,  .col-md-11,  .col-md-12 {  float: left;  }
  .col-md-12 {  width: 100%;  }
  .col-md-11 {  width: 91.66666667%;  }
  .col-md-10 {  width: 83.33333333%;  }
  .col-md-9 {  width: 75%;  }
  .col-md-7 {  width: 58.33333333%;  }
  .col-md-6 {  width: 50%;  }
  .col-md-5 {  width: 41.66666667%;  }
  .col-md-4 {  width: 33.33333333%;  }
  .col-md-3 {  width: 25%;  }
  .col-md-1 {  width: 8.33333333%;  }
}
.row:after {clear: both;}

.pull-right {float: right !important;}
.pull-left {float: left !important;}
.hide {display: none !important;}
.show {display: block !important;}
.invisible {visibility: hidden;}
.hidden {display: none !important;}
/* tianhu css */
/* header */
.th-padding-none {padding: 0;  position: relative;}
.tianhu {width: 100%;height: auto; background: #ffffff;  box-shadow: 0 2px 5px rgba(0, 0, 0, .15);}

ul.th-nav li {float: left;  position: relative;}
ul.th-nav li a {line-height: 65px; color:#ffffff; font-size: 16px;  padding: 0 20px;  display: inline-block;  box-sizing: border-box;  position: relative;}
ul.th-nav li a:hover,ul.th-nav li.active a {background-color: #ffffff; color:#f10180;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
ul.th-nav li a::after {position: absolute;  bottom: 0px;  left: 0px;  z-index: 0;  content: '';  display: block;  width: 0;  height: 2px;  background: transparent;  transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
ul.th-nav li a:hover::after {background-color: #ffffff; color:#f10180;  width: 100%;}
ul.th-nav li:hover ul {display: block;  background: #262627;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
ul.th-nav li ul {position: absolute;  display: none;  width: 135px;  top: 65px;  left: 0px;  background-color: #363637;  z-index: 100;}
ul.th-child li a {width: 135px;  height: 45px;  line-height: 45px;  display: inline-block;  box-sizing: border-box;  border-bottom: 1px solid #3E3E3E;  font-size: 14px;}
ul.th-child li a:hover::after {background-color: #e94c3d;  width: 0;}

.col-md-8 { background:#f10180; }
.col-md-8 a{}
.col-md-2{ text-align:center; padding-bottom:5px; display:block;}


/* banner */
.slideBox {height:auto;  overflow: hidden;  position: relative;}
.slideBox .hd {height: 15px;  overflow: hidden;  position: absolute;  right: 10px;  bottom: 10px;  z-index: 1;}
.slideBox .hd ul {overflow: hidden;  zoom: 1;  float: left;}
.slideBox .hd ul li {float: left;  margin-right: 2px;  width: 70px;  height: 8px;  line-height: 8px;  text-align: center;  background: #000;  cursor: pointer;  border-radius: 2px;}
.slideBox .hd ul li.on {background: #e94c3d;}
.slideBox .bd {position: relative;  height: 100%;  z-index: 0;}
.slideBox .bd li {zoom: 1;  vertical-align: middle;  width: 100%;}
.slideBox .bd img {width: 100%;object-fit: cover;}
/* anniu */
.slideBox .prev,.slideBox .next {position: absolute;  left: 3%;  top: 50%;  margin-top: -25px;  display: block;  width: 32px;  height: 40px;  background: url(../images/slider-arrow.png) -110px 5px no-repeat;  filter: alpha(opacity=50);  opacity: 0.5;}
.slideBox .next {left: auto;  right: 3%;  background-position: 8px 5px;}
.slideBox .prev:hover,.slideBox .next:hover {filter: alpha(opacity=100);  opacity: 1;}
.slideBox .prevStop {display: none;}
.slideBox .nextStop {display: none;}
/* product img */
.th-border {border: 1px solid #999;  margin-bottom: 10px;}
.th-img {width: 100%;  height: 120px;  object-fit: cover;}
.th-padding {padding: 0px 10px;}
.h-title {height: 18px;  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.article-padding {padding: 0px 15px;}
.article-li {overflow: hidden;  padding: 20px;  border: 1px solid #f0f0f5;  box-sizing: border-box;  background: #fff;  margin-bottom: 20px;}

.article-icon {position: absolute;  top: 0;  left: 0;  background: #000;  padding: 2px 6px;  color: #fff;  font-size: 13px;  border-radius: 2px;  letter-spacing: 1px}
.article-title {display: block;  height: 35px;  line-height: 35px;  font-size: 18px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  color: #000;  font-weight: bold;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;  text-align: justify;}
.meta {color: #999;}
.meta time,.meta span {margin-right: 5px;}
.meta i {margin-right: 3px;}
.note {font-size: 15px;  color: #888;  word-wrap: break-word;  line-height: 24px;  margin-bottom: 0;  text-align: justify;  height: 48px;  overflow: hidden;  text-overflow: ellipsis;  margin: 8px 0px;}
.note p {padding: 0px;  margin: 0px;}
/* table qie huan */
.thTabBox {width: 100%;  border: 1px solid #f0f0f5;  text-align: left;  box-sizing: border-box;  background: #fff;}
.thTabBox .hd {height: 50px;  line-height: 50px;  background: #fff;  border-bottom: 1px solid #ddd;  /* border-bottom: 1px solid #f1f1f1; */
  position: relative;}
.thTabBox .hd ul {float: left;  position: absolute;  left: 0px;  top: -1px;  height: 50px;}
.thTabBox .hd ul li {float: left;  cursor: pointer;  box-sizing: border-box;  position: relative; min-width:100px;text-align: left; padding-left:10px;font-size: 18px;}
ul.tuijian li a{font-size: 14px;}
.th-tab-bottom li::after {content: "";  position: absolute;  bottom: -2px;  left: 50%;  width: 0px;  height: 1px;  border-bottom: 4px solid #000;  transition: all .35s ease 0s;}
.th-tab-bottom li.on::after {width: 20px;  margin-left: -10px;}
.bd {overflow: hidden;  width: 100%;}
.thTabBox .bd li a {font-size: 14px;  transition: all .35s ease 0s;}
.th-5 {padding: 10px 0px;  background: #fff;}
.th-5 .date {float: right;  color: #bbb;}
.th-5 li {line-height: 35px;  height: 35px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  padding: 0px 15px;}
.th-5 li i {display: inline-block;  width: 16px;  height: 16px;  line-height: 16px;  margin-right: 10px;  background-color: #eee;  text-align: center;  font-style: normal;  color: #888;}
.th-5 li:nth-child(1) i,.th-5 li:nth-child(2) i,.th-5 li:nth-child(3) i {background-color: #EB3D41;  color: #fff;}
.th-tab-left::before {content: "";  display: block;  position: absolute;  left: -2px;  top: 35%;  width: 4px;  height: 30%;  background-color: #000;}
.th-margin-top {margin-top: 20px;}
.th-tags {padding: 10px 15px;  overflow: hidden;}
.th-tags li {float: left;  width: 50%;}
.th-tags li a {margin: 5px;  color: #262627;  font-size: 12px;  display: block;  background-color: #f5f5f5;  height: 30px;  line-height: 30px;  box-sizing: border-box;  padding: 0px 5px;  position: relative;  border: 1px solid #e5e5e5;  border-radius: 1px;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
.th-tags li a:hover {background-color: #e94c3d;  border: 1px solid #e94c3d;  color: #fff;}
.th-tags li a span {position: absolute;  top: 0px;  right: 8px;}
.th-miaoshu {position: relative;  margin-bottom: 40px;}
.th-zz {width: 100%;  height: 100px;  object-fit: cover;}
.th-miaoshu-logo {position: absolute;  left: 36%;  bottom: -40px;  width: 90px;  height: 90px;  border: 5px solid #fff;  box-sizing: border-box;   border-radius: 50%;}
.th-tx {width: 100%;  height: 80px;  object-fit: cover;   border-radius: 50%; }
.th-dbt {text-align: center;  font-size: 18px;  margin-top: 50px;  font-weight: bold;padding: 10px 30px;}
.th-shuoming {padding: 0px 15px;  font-size: 14px;  color: #666;  margin-top: 10px;}
.aut_count {overflow: hidden;  margin-top: 15px;  margin-bottom: 10px;}
.aut_count ul li {float: left;  width: 33.333%;  border-right: 1px #efefef solid;  padding: 8px 0;  font-weight: 300;  text-align: center;}
.aut_count ul li:last-child {border-right: 1px solid transparent;}
.aut_count ul li span {display: block;  font-size: 14px;  color: #999;}
.aut_count ul li strong {font-weight: bold;}
footer {background: #222;  margin-top: 20px;}
.footer-copy {text-align: center;  color: #9d9d9d;  line-height: 20px;  font-size: 12px;  padding: 10px 0px;}
.list-title {line-height: 50px;  overflow: hidden;  font-size: 14px;  background: #fff;  margin-bottom: 20px;  border: 1px solid #f0f0f5;  padding: 0px 20px;}
.list-title ul li {float: left;  margin-right: 10px;}
.list-title ul li span {margin-left: 10px;  color: #999;}
.detail {background: #fff;  padding: 20px;}
.detail-title {color: #333;  font-size: 25px;}
.detail-icon {margin-top: 5px;}
.detail-con {font-size: 16px;  color: #666;}
.detail-con p {margin: 20px 0px;}
.tags { overflow: hidden; }
.tags a {text-transform: uppercase; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; display: inline-block; vertical-align: top; font-size: 14px;  line-height: 20px; padding: 5px 15px; margin: 0 10px 7px 0; border: 1px solid #e0e0e0;  border-radius: 2px; color: rgba(0,0,0,.66); background-color: rgba(255,255,255,.97); }
.tags a:hover { background: #EB3D41; color: #fff; border: 1px solid #EB3D41;}
.umCopyright {line-height: 22px;  display: inline-block;  padding: 10px 15px;  font-size: 12px;  color: #9ca0ad;  background: #f6f7fa;  border: 1px dashed #e3e5ec;  width: 100%; margin: 20px auto;}
.detail-arr {margin-top: 5px;  overflow: hidden;  border-top: 1px dashed #eee;}
.detail-arr-left {height: 30x;  line-height: 30px;}
.detail-arr-right {height: 35x;  line-height: 35px;}
.detail-arr-left a,.detail-arr-right a {display: inline-block;  background: #fff;  padding: 0px 10px;  font-size: 14px;}
.th-msg {background-color: #fff;  overflow: hidden;}
.th-msg {background: #f5f5f5;  line-height: 20px;
  overflow: hidden;  padding: 5px 10px;  margin: 10px 0px;}
.th-6 li {padding: 0 10px 0px 10px;  margin-top: 10px;  overflow: hidden;}

 
/*麦 站 网分页样式*/
.pages{clear: both;margin:30px auto 20px auto;  overflow: hidden; text-align: center;font-size:14px;}
.pages ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px}
.pages ul li:hover{background:#080808;color:#fff;border: 1px solid #080808}
.pages ul li:hover a{color:#fff;}
.pages ul li.thisclass{display: inline-block;border: 1px solid #080808;padding:6px 15px;margin: 0 1px;background: #080808;color: #fff;}
.pages ul li.thisclass a{color: #fff;}
.pages ul li a{display:block;color:#999}
.pages ul li a:hover{color: #fff;}
 

 
ul.msg {width: 100%;  margin: 10px 0 20px 0;  padding: 5px 0px;  text-align: left;  list-style-position: outside;  table-layout: fixed;  word-wrap: break-word;}
.tbname {height: 35px;  line-height: 35px;  font-size: 16px;  background: #f6f7fa;  padding-left: 20px;  border-left: 4px solid #080808}
li.msgname {padding: 0 0 10px 0px;  font-size: 14px;  vertical-align: middle;  color: #9ca0ad;  height: 45px;}
li.msgname a {color: #9ca0ad;}

li.msgurl {text-align: right;  padding: 2px 10px 2px 10px;  margin: 0;  font-size: 1em;}
.commentname {float: left;}

.th-mp1,.th-mp2 {margin: 0px;}
.th-mp1 {height: 40px;  line-height: 40px;}
.th-mp2 {font-size: 14px;  color: #777;}
#txaArticle {position: relative;  z-index: 1;  padding: 5px;  height: 100px;  min-height: 14px;  margin: 0;  resize: none;  outline: 0;  width: 100%;  min-width: 100%;  border: 1px solid rgba(227, 229, 236, .4);  background: #f8f8fc;  border-radius: 0rem;  font-size: 14px;  line-height: 1.6;}
.th-ulmsg {overflow: hidden;  margin-bottom: 10px;  ;}
.th-ulmsg li {float: left;  margin-right: 10px;}
input.text {border-radius: 0;  transition: all .35s ease 0s;  line-height: 38px;  height: 38px;  width: 100%;  padding: 0 10px;  border: 1px solid rgba(227, 229, 236, .4);  background: #f8f8fc;}
input.text:focus,#txaArticle:focus {border: 1px solid #e94c3d;}
.comment {font-size: 16px;  line-height: 25px;  color: #333;}
#divCommentPost {margin-top: 10px;}
#huifu,#cancel-reply {background: #fff;  padding: 0px 5px;  border: 1px solid #e5e5e5;  background-color: #ececec;  -webkit-transition: all .3s ease-in-out;  -moz-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;  float: right;}
#cancel-reply:hover,#huifu:hover {border: 1px solid #e94c3d;  ;  background: #e94c3d;  color: #fff;}
.button {display: inline-block;  height: 38px;  line-height: 38px;  padding: 0 20px;  background-color: #e94c3d;  color: #fff;  white-space: nowrap;  text-align: center;  font-size: 14px;  border: 0;  border-radius: 2px;  cursor: pointer;  opacity: .9;  filter: alpha(opacity=90);  vertical-align: middle;  -webkit-user-select: none;  -ms-user-select: none;  -moz-user-select: none;}
/* h5 menu */

.mouk {width: 100%;  height: 100%;  background: #000;  position: fixed;  z-index: 111;  top: 0px;  left: 0px;  opacity: 0.5;  display: none;}



.menu_title {height: 40px;  line-height: 40px;  color: rgba(255, 255, 255, .7);  background: #23262E;  text-align: center;  width: 150px;  border-bottom: 1px solid #4c515d;}
.iswebNone {display: none;}
.isNone {display: block;}
.icon {box-sizing: border-box;  position: absolute;  width: 2em;  height: 2em;  background-color: #e94c3d;  border-radius: .3em;  top: 10px;  right: 10px; opacity: 0.5;}
.icon:before {box-sizing: border-box;  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;  width: 1.2em;  height: .15em;  background-color: #fff;}
.icon:after {box-sizing: border-box;  content: "";  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  margin: auto;  width: 1.2em;  height: .9em;  border-width: .15em;  border-style: solid none;  border-color: #fff;}
.searchpanel {margin-top: 20px;}
.searchpanel input:nth-child(1) {border-radius: 2px;  transition: all .35s ease 0s;  line-height: 29px;  height: 29px;  width: 65%;  padding: 0 10px;  border: 1px solid rgba(227, 229, 236, .4);  background: #f8f8fc;}
.searchpanel input:nth-child(2) {border-radius: 2px;  transition: all .35s ease 0s;  line-height: 30px;  height: 30px;  width: 30%;  padding: 0 10px;  background: #EB3D41;  border: 1px solid #EB3D41;  color: #fff;  cursor: pointer;}
.detail-con img,.detail-con p img {width: 100%}
/*----------- comm start-----------*/
.msgArticle {padding: 1rem .2rem}
.children .msgArticle {background: #f9fafc;  padding: 10px 15px;  border-radius: 4px;  position: relative;}
.children .msgArticle:before {content: "";  display: block;  border-top: none;  border-right: 15px solid transparent;  border-bottom: 15px solid #f9fafc;  border-left: 15px solid transparent;  position: absolute;  top: -12px;  left: 15px;}
.msgReply {background: #f7f9fd;  margin-top: 8px;  padding: 10px 0px 0px 10px;  border-radius: 5px;}
.avatar {float: left;  position: relative;  -webkit-border-radius: 50px;  border-radius: 50px;  background-color: #fff;  margin-right: 10px;  margin-top: 10px;}
.avatar img {width: 4rem;  height: 4rem;  -webkit-transition: .4s;  -webkit-transition: -webkit-transform .4s ease-out;  transition: transform .4s ease-out;  -moz-transition: -moz-transform .4s ease-out;  border-radius: 30px;  -webkit-border-radius: 30px;  -moz-border-radius: 30px;}
.avatar img:hover {transform: rotateZ(360deg);  -webkit-transform: rotateZ(360deg);  -moz-transform: rotateZ(360deg);}
.commBody {position: relative;  margin-left: 60px;  padding: 0 0 10px 10px !important;}
.commBody .commInfo {font-size: 14px;  line-height: 20px;  word-wrap: break-word;  line-height: 24px;  color: rgba(0, 0, 0, 0.8)}
.commBody .commInfo span {margin-right: 4px;  color: #f00}
.commTop {font-weight: 500;  font-size: 1.4rem;}
.commTop a {color: #9ca0ad;  font-size: 14px;  margin-right: .8rem}
.commFooter {font-size: 12px;  line-height: 16px;  margin-top: 5px;}
.commTime {font-size: 12px;  margin-right: .8rem;  color: #9ca0ad}
.commReply {font-size: 12px;  color: #9ca0ad}
.msgname .msgname,div.children {margin-left: 6rem}
div.children>div.children {margin-left: 0rem}
div.children .avatar,.msgname .msgname .avatar {width: 36px;  height: 36px;  margin-left: 2px;  margin-top: 5px;}
div.children .avatar img,.msgname .msgname .avatar img {width: 36px;  height: 36px;}
/*----------- comm end -----------*/

@media only screen and (min-width: 320px) and (max-width: 992px) {.ztm-wap-none{  display: none;  }
  .th-img {  width: 100%;    height: 100px;    object-fit: cover;  }
  .slideBox,  .slideBox .bd img {}
  .note {  height: 24px;    margin: 5px 0px;  }
  .article-li {  padding: 10px;  }
  .row {  margin-left: -5px;    margin-right: -5px;  }
  .detail-arr {  display: none;  }
  .isNone {}
  .iswebNone {  display: block;  }
  .tianhu { height: auto; display:block;}
  ul.th-nav li {  float: none;    line-height: 25px;    font-size: 14px;    color: rgba(255, 255, 255, .7);    background: #393e48;    border-bottom: 1px solid #4c515d;  }
  ul.th-nav li a {  width: 100%;    line-height: 25px;    font-size: 14px;    color: rgba(255, 255, 255, .7);    background: #393e48;    border-bottom: none;    padding: 10px;  }
  .demo1 {  background: #23262E;    width: 150px;    position: fixed;    z-index: 1111;    width: 0px;    transition: width 1s;    -webkit-transition: width 1s;    /* Safari */
    float: left;    height: 100%;    overflow: hidden;    left: 1px;  }
  .demo1 ul {  width: 150px;  }
  .cnzz-wap {  display: none;  }
  .cnzz-wap-top {  margin-top: 0px;  }
  .header-web {}
  .header-tel {  display: block;    overflow: hidden;    height: 50px;    background-color: #080808;  }
  .tel-logo {  height: 50px;    object-fit: cover;    position: absolute;    top: 0px;  }
  .col-md-8{ background:none;}
  }
.tags{margin-top:20px;}
.tags .tag i{padding-right:3px;color:#111111;}
.tags .tag a {background:#fff;text-align:center;height:30px;line-height:32px;margin-right:5px;display:inline-block;padding:0 12px;box-shadow: 1px 2px 8px rgba(206, 213, 217, 0.4);font-size: 12px;margin-bottom: 10px;}
.tags .tag a:hover{background:#f8f9fa;}
.pcd_ad{display:block;}
.mbd_ad{ display:none}
@media(max-width:768px) {.pcd_ad{display:none !important;}
.mbd_ad{display:block !important;}
.mbd_ad img{display:block;border:none;width:100%!important;height:auto!important}
.cead img{display:block;border:none;width:100%!important;height:auto!important}}
.piclist li { width: 25%; float: left; overflow: hidden; margin-bottom: 10px; }
.piclist li a { overflow: hidden; display: block; margin: 0 7px; border: #f1f1f1 1px solid;background: #fff;}
.piclist li i { height: 150px; line-height: 100%; overflow: hidden; display: block;}
.piclist li i img { width: 100%; display: inline-block; vertical-align: middle; transition: .5s; }
.piclist li i:hover img { transform: scale(1.2); }
.piclist li h2 { color: #333; padding: 5px 10px 5px 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight: normal; font-size: 15px;background-size: 20px; }
.piclist li:hover h2 { color: #218af1; }
.piclist li p { font-size: 12px; color: #999; overflow: hidden; margin: 5px 0; padding: 0 10px; }
.piclist .datetime { float: left; font-weight: normal; }
.piclist .viewd { float: right;  }
@keyframes bounce_fountainG { 0% {transform:scale(1);}
100% {transform:scale(.3);}}
@media screen and (min-width: 840px) and (max-width: 959px) {.piclist li i { height: 110px }	}
@media screen and (max-width: 839px) {.piclist li i { height: 110px; }}
@media screen and (max-width: 768px) {.piclist li i { height: 90px; }}
@media screen and (max-width: 480px) {.piclist li { width: 50% }
.piclist li:nth-child(n+7) { display: none }
.piclist li a { margin: 0 3px }
.piclist li i { }
.piclist li h2 { font-size: 12px; overflow: hidden; background-size: 20px; line-height: 20px; }
.piclist li p { display: none }	
.col-md-2 img{ width:100%; height:auto;}
}


.plkey{position: relative;}
.verifyimg{position: absolute;top: 0px;right: 0px;height: 38px;}
.ecomment {margin:0;padding:0;}
.ecomment {margin-bottom:12px;overflow-x:hidden;overflow-y:hidden;padding-bottom:3px;padding-left:3px;padding-right:3px;padding-top:3px;background:#FFFFEE;padding:3px;border:solid 1px #999;}
.ecommentauthor {float:left; color:#F96; font-weight:bold;}
.ecommenttext {clear:left;margin:0;padding:0;} 




@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9 */
  src: url('iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/../fonts/iconfont.woff2') format('woff2'),
  url('iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-shijian:before {
  content: "\e678";
}

.icon-zhuangshiyongyinhao:before {
  content: "\e66c";
}

.icon-liulan:before {
  content: "\e640";
}

.icon-yonghu:before {
  content: "\e60a";
}